$blue: rgba(200,200,200, .2);
$layout-bg: #f8f6f6;
body {
    width: 100%;
    height: 100%;
    margin: 0;
    background: rgba(200,200,200, .5);
}
::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  
  ::-webkit-scrollbar {
    width: 6px;
    height: 9px;
    -webkit-appearance: none;
  }
  
  ::-webkit-scrollbar {
    width: 6px;
    height: 9px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: $blue;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-track-piece {
    background-color: transparent;
  }
  
  ::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-track-piece {
    background: transparent;
  }
.container{
    width: 99vw;
    flex: 1;
    .main_body{
        height: 100%;
        overflow-y: scroll;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        .main-left {
            width: 240px;
            height: 100%;
            background: rgba(200,200,200, .2)
        }
        .main_right{
            flex: 1;
            padding: 20px 0;
        }
    }
}

.content_body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #dcdcdc;
  .content_header {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 4px;
    background: #fff;
  }
  .content_bottom {
    margin-top: 2px;
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    .content_btn {
      width: 100%;
      height: 32px;
      margin: 4px auto;
      padding: 0 10px;
      display: flex;
      flex-direction: row;
    }
    .content_table {
      flex: 1;
    }
  }
}